<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>0</li>
        <li>1</li>
        <li class="two">2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <input type="text" >
    <input type="text" disabled>
    <input type="text" >
    <input type="radio" checked>
    <select name="" id="">
        <option value="">111</option>
        <option value="" selected>222</option>
        <option value="">333</option>
    </select>

    <script src="jquery.min.js"></script>
    <script>
        console.log($("li:first").html())
       // $("li:first").html("<i>000</i>");
        $("li:first").text("<i>000</i>");

        //  console.log($(":disabled"));
        //  console.log($(":checked"));
        //  console.log($(":selected"));
        //  console.log($(":input"));
        //  console.log($(":text"));

        // console.log($("li:even"));
        // console.log($("li:odd"));
        // console.log($("li:eq(3)"));
        // console.log($("li:lt(3)"));
        // console.log($("li:gt(3)"));
        // console.log($("li:not(.two)"));
    </script>
</body>
</html>